<template>
  <div class="box">{{ form.a }} : {{ form.b }}</div>
  <Input v-model.number="form.a" placeholder=""></Input>
  <Button type="default" @click="add">操作</Button>
</template>
<script>
import { cloneDeep } from 'lodash'
export default {
  props: ['value'],
  data() {
    return {
      form: {}
    }
  },
  methods: {
    add() {
      this.$emit('update:value', this.form)
    }
  },
  mounted() {
    console.log(1, this.value)
    this.form = cloneDeep(this.value)
  }
}
</script>
<style lang="scss" scoped>
.box {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
}
</style>
